<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>图片插入</title>
    </head>
    <body>
        <!--相对路径：从当前html文件出发去找资源
        1）图片与html文件在同一级目录，直接写图片全名  1.png
        2）图片在html文件的下一级目录，先写文件夹，再写图片全名 img/2.png
        3）图片在html文件的上一级目录，先../回到上级，再写图片全名 ../3.png
        -->
        <img src="1.png">
        <img src="img/2.png">
        <img src="../3.png">
        <img src="abc" alt="图片不存在！">
        <!--width设置图片宽度 height设置图片高度，注意图片失真的问题：设置其中一个属性，另一个会自动更改-->
        <img src="img/fcq.jpg" width="200px" title="这是传奇老师！">
        <!-- 绝对路径：从根目录（盘符/协议）出发去找资源  -->
        <img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png">

    </body>
</html>